<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Qunee Graph Editor V2.0</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel=stylesheet href=libs/bootstrap/css/bootstrap.css>
  <link rel=stylesheet href=libs/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css>
  <!-- build:css libs/graph.editor/graph.editor.css -->
  <link rel="stylesheet" href="src/css/graph.editor.css"/>
  <!-- endbuild -->
  <link rel="stylesheet" href="styles/main.css">
</head>
<body class="layout">

<div id="editor" class="graph-editor" data-options="region:'center'"></div>
<div id="graph_panel" class="q-panel">
  <div role="toolbar" class="q-toolbar">
    <div>
      <div id="toolbar"></div>
      <div id="demo_menu" class="q-right">
        <div id="btnJSONShow" title="JSON Export" class="btn btn-default btn-sm">
          <div class="q-icon toolbar-json"></div>
        </div>
        <div title="Maximize" id="maximize" class="btn btn-default btn-sm">
          <div class="q-icon toolbar-max"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="q-content">
    <div id="canvas"></div>
    <style>
      .Q-Export-JSON {
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        background: #DDD;
        opacity: 0.9;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      }
    </style>
    <div class="Q-Export-JSON" id="Q-JSON-Panel" style="height: 0px; overflow: hidden;">
      <div style="background: #EEE; position: absolute; top: 50px; bottom: 0px; width: 100%; overflow: auto;">
        <textarea id="json_code_panel" style="height: 100%; width: 100%; border: none;"></textarea>
      </div>
      <div style="padding: 10px; height: 50px; float: right; position: relative;">
        <div id="btnJSONSubmit" class="btn btn-primary btn-sm" title="Submit">Submit</div>
        <div id="btnJSONClose" class="btn btn-primary btn-sm" title="Close">Close</div>
      </div>
    </div>
    <div class="mask" id="mask_panel">
      <div class="loading">Loading...</div>
    </div>
  </div>
</div>
<script src="libs/qunee-min.js"></script>
<!-- build:js libs/js.js -->
<!--<script src="libs/jquery.min.js"></script>-->
<script src="libs/qunee-module.js"></script>

<!-- build:js libs/js.js -->
<script src="libs/jquery.min.js"></script>
<script src="libs/bootstrap/js/bootstrap.min.js"></script>
<script src="libs/layout.border.js"></script>
<script src="libs/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<!-- endbuild -->

<!-- build:js libs/graph.editor/graph.editor.js -->
<script src="src/common/CopyPaste.js"></script>
<script src="src/common/i18n.js"></script>
<script src="src/common/DomSupport.js"></script>
<script src="src/common/DragSupport.js"></script>
<script src="src/common/FileSupport.js"></script>
<script src="src/common/JSONSerializer.js"></script>
<script src="src/common/ExportPane.js"></script>
<script src="src/common/Toolbar.js"></script>
<script src="src/common/ToolBox.js"></script>
<script src="src/common/PopupMenu.js"></script>
<script src="src/common/PropertyPane.js"></script>
<script src="src/common/Image-background.js"></script>
<script src="src/common/GridBackground.js"></script>
<script src="src/graph.editor.js"></script>
<!-- endbuild -->

<script src="scripts/graphs.js"></script>
<script src="scripts/main.js"></script>

<script>
  $($(".Q-Canvas")[1]).hide();
  // (function (b, o, i, l, e, r) {
  //   b.GoogleAnalyticsObject = l;
  //   b[l] || (b[l] =
  //     function () {
  //       (b[l].q = b[l].q || []).push(arguments)
  //     });
  //   b[l].l = +new Date;
  //   e = o.createElement(i);
  //   r = o.getElementsByTagName(i)[0];
  //   e.src = '//www.google-analytics.com/analytics.js';
  //   r.parentNode.insertBefore(e, r)
  // }(window, document, 'script', 'ga'));
  // ga('create', 'UA-48136854-1');
  // ga('send', 'pageview');
</script>
</body>
</html>
